<!DOCTYPE html>
<html>
  <head>
    <link rel="canonical" href="http://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/78863274"/> 
    <script type="text/javascript">
        var username = "snshl9db69ccu1aikl9r";
        var _blogger = username;
        var blog_address = "http://blog.csdn.net/snshl9db69ccu1aikl9r";
        var static_host = "http://csdnimg.cn/release/phoenix/";
        var currentUserName = ""; 
        var fileName = '78863274';
        var commentscount = 0;
        var islock = false
        window.quickReplyflag = true;
        var totalFloor = 0;
        var isBole = false;
        var isDigg = false;
        var isExpert=false;
        var isAdm = false;
    </script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script src="http://c.csdnimg.cn/public/common/libs/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="http://c.csdnimg.cn/public/common/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://c.csdnimg.cn/public/static/css/avatar.css">
    <link rel="stylesheet" href="http://csdnimg.cn/release/phoenix/production/main-f7fb2ae533.css">
    <link rel="stylesheet" href="http://c.csdnimg.cn/public/common/toolbar/content_toolbar_css/content_toolbar.css">

    <script src="http://csdnimg.cn/rabbit/exposure-click/main-1.0.5.js"></script>
    <script type="text/javascript" src="http://csdnimg.cn/pubfooter/js/tracking-1.0.2.js" charset="utf-8"></script>
    <script type="text/javascript" src="http://csdnimg.cn/release/phoenix/production/main-9512850059.js"></script>

    <script src="http://dup.baidustatic.com/js/ds.js"></script>
    <script type="text/javascript">
        // Traffic Stats of the entire Web site By baidu
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?6bcd52f51e9b3dce32bec4a3997715ac";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        // Traffic Stats of the entire Web site By baidu end
    </script>
    <meta name="description" content="问题：我怎么才能收到你们公众号平台的推送文章呢？答案：只需要点击标题下面的蓝色字【web前端开发】关注即可。前端的工作越来越难找，到底是不是前端领域已经饱和了？的确，前端的热度比前几年相比明显降低了很多。前两三年，互联网经济异军突起，热钱涌进来。这个阶段，人才是稀缺资源。所以在前几年，凡是懂点前端的都比较好找工作。而现在，市场上已经不缺初级前端，而是能够开发像WebQQ那一类的高级前端。从前端学习" />
    <meta name="keywords" content="" />
    <meta http-equiv="Cache-Control" content="no-siteapp" /><link rel="alternate" media="handheld" href="#" />
    <meta name="shenma-site-verification" content="5a59773ab8077d4a62bf469ab966a63b_1497598848">
    <title>前端工作越来越难找，是不是已经饱和了？ - CSDN博客</title>
    <link href="http://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">
</head>
<body>
<script id="toolbar-tpl-scriptId" prod="download" skin="black" src="http://c.csdnimg.cn/public/common/toolbar/js/content_toolbar.js" type="text/javascript" domain="http://blog.csdn.net/"></script>
<div class="container clearfix">
  <main>
    <article>
        <h1 class="csdn_top">前端工作越来越难找，是不是已经饱和了？</h1>
        <div class="article_bar clearfix">
            <div class="artical_tag">
                <span class="original">
                转载                </span>
                <span class="time">2017年12月19日 00:00:00</span>
            </div>

            <ul class="article_tags clearfix csdn-tracking-statistics tracking-click" data-mod="popu_377" >
                <li class="tit">标签：</li>

<!--          [startarticletags]-->
                <!--          [endarticletags]-->
            </ul>
            <ul class="right_bar">
                <li><button class="btn-noborder"><i class="icon iconfont icon-read"></i><span class="txt">216</span></button></li>
                <li class="edit">
                    <a class="btn-noborder" href="" >
                        <i class="icon iconfont icon-bianji"></i><span class="txt">编辑</span>
                    </a>
                </li>
                <li class="del">
                    <a class="btn-noborder" onclick="javascript:deleteArticle(fileName);return false;">
                        <i class="icon iconfont icon-shanchu"></i><span class="txt">删除</span>
                    </a>
                </li>
            </ul>
        </div>
        <div id="article_content" class="article_content csdn-tracking-statistics tracking-click" data-mod="popu_519" data-dsm="post">
                        
    <div class="rich_media_content" id="js_content">
                    

                    

                    
                    
                    <p style="margin-right:16px;margin-left:16px;min-height:1em;color:rgb(62,62,62);font-size:16px;white-space:normal;line-height:25.6px;background-color:rgb(255,255,255);"><span style="color:rgb(0,0,0);"><strong><span style="font-size:14px;"><span style="line-height:25.6px;">问题</span>：</span></strong></span><span style="font-size:14px;">我怎么才能收到你们公众号平台的推送文章呢？</span></p><p style="margin-right:16px;margin-left:16px;min-height:1em;color:rgb(62,62,62);font-size:16px;white-space:normal;line-height:25.6px;background-color:rgb(255,255,255);"><span style="color:rgb(0,0,0);"><strong><span style="font-size:14px;"><span>答案</span>：</span></strong></span><span style="font-size:14px;">只需要点击标题下面的蓝色字<strong><span style="color:rgb(0,128,255);">【web前端开发】</span></strong>关注即可。</span></p><p><span style="font-size:14px;"><br /></span></p><p><img style="visibility:visible !important;" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_jpg/eXCSRjyNYcY2cpd3gO127NQRl0z31VBCVBTvAVvz9hCgEI4rFb0Z0jnHibISn8VMGrONhHlE9919lmYia6KDeYcw/640?wx_fmt=jpeg&amp;wxfrom=5&amp;wx_lazy=1" alt="640?wx_fmt=jpeg&amp;wxfrom=5&amp;wx_lazy=1" /></p><p><br /></p><p><strong style="color:rgb(131,30,30);">前端的工作越来越难找，到底是不是前端领域已经饱和了？</strong><br /></p><p><strong><br /></strong></p><p>的确，前端的热度比前几年相比明显降低了很多。前两三年，互联网经济异军突起，热钱涌进来。这个阶段，人才是稀缺资源。所以在前几年，凡是懂点前端的都比较好找工作。</p><p><br /></p><p>而现在，市场上已经不缺初级前端，而是能够开发像WebQQ那一类的高级前端。</p><p><br /></p><p><span style="color:rgb(131,30,30);"><strong>从前端学习的曲线来讲，它是先平缓再陡峭再平缓。</strong></span>在学习曲线变陡峭那一段，很多人卡在那里。所以就有了我们现在看到的：一堆初级前端找不到工作，一堆公司招不到好前端。公司要的是经历陡峭之后的那些人。</p><p><br /></p><p>作为前端技术主管，经常需要在投递过来简历的人中，耗费大量精力来筛选符合公司要求、团队发展、技术基础三方面条件的人选。常见的招聘要求中，基本都有“工作经验”的要求，而且都是以年作为单位。但是实际情况往往是：<strong><span style="color:rgb(131,30,30);">工作经验往往不是以年衡量的，甚至有些时候跟时间没有关系。有很多工作时间不算短的前端开发工程师，都停留在了学习曲线变陡峭之前。</span></strong></p><p><br /></p><p>今天想要分享的一点，是关于“为什么你的工作经验不值钱”，或者“怎么样才能让工作经验值钱”。</p><p><br /></p><p>我们从一个小小的面试题目入手：</p><p><br /></p><p>编写一个javscript函数 fn，该函数有一个参数 n（数字类型），其返回值是一个数组，该数组内是 n 个随机且不重复的整数，且整数取值范围是 [2, 32]。</p><p><br /></p><p>如果愿意，请先暂停阅读文章，自己动手写一下这个函数。是的，老简单了。我可以等你五分钟。</p><p> </p><p>~~~ 华丽的五分钟过去了 ~~~</p><p><br /></p><p>现在假设你的工作时间为 y 年，经验系数默认为 1，即工作经验是：Y = 1 * y。从现在开始，以下的错误，你要是遇到了，请自行调整经验系数。</p><p><br /></p><p><span style="font-size:18px;"><strong>| 可用</strong></span><br /></p><p><br /></p><p>作为一段需要满足需求的代码来说，它最核心的、最低的要求：可用。</p><p><br /></p><p>如果你没有产出一个函数( fn )，或者产生了语法错误，那就请设置 经验系数为 0，然后去面壁思过；</p><p><br /></p><p>请将代码在控制台运行，并执行 fn(3)，看看是否输出一个数组，数组中包含了三个随机且不同且在[2,32]的整数，如果不是，请将 经验系数 * 0；</p><p><br /></p><p>一个参考的半伪代码是：</p><img class="img_loading" style="vertical-align:middle;visibility:visible !important;" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwGg77AExbAah2vYLe7HJOLab8zjHM2e3J0EiayUTAP1usQduhrhJMRW7g/640?wx_fmt=png" alt="640?wx_fmt=png" /><p>其中 getRand 、checkInArr 还另有讲究，后面会提到。当然思路和方法不止一个，后面也会提到。</p><p><br /></p><p>有相当多的面试者，包括不少工作时间为2年以内的同学，都会在这一步犯错，非常遗憾。</p><p><br /></p><p><span style="font-size:18px;"><strong>| 健壮</strong></span><br /></p><img class="img_loading" style="vertical-align:middle;visibility:visible !important;" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwGh2P3ARuWroWmj2JoCzDS02DVyEibBvvJjic26G41fibVs4vchib6miapDjw/640?wx_fmt=png" alt="640?wx_fmt=png" /><p>代码是否老道，过了“可用”这一关后，就开始见分晓了。</p><p><br /></p><p>所谓“健壮”，即最基本的兼容性处理、边界处理，异常处理、用户输入校验。很多时候，需求方不会明确告诉你这些逻辑怎么处理，但并不意味着你不需要处理。</p><p><br /></p><p>健壮的程序，一定会将这些兼容性、边界、异常、输入做处理，以保证核心功能的正确输出。当然，如果你的代码没有任何输入并不考虑兼容性（可能吗？）或者仅仅是内部函数，那这一步要求可以降低，并不意味着你可以完全不做。</p><p><br /></p><p>好，回过头看代码：</p><p><br /></p><p>——如果你没有对 n 的取值范围做校验（n必须是 1 到 31 之间的整数），请将 经验系数 * 0.3；</p><p>——如果你没有对 n 是否为数字做校验，请将 经验系数 * 0.5；</p><p>——如果你没有对 n 是否存在做校验，请将 经验系数 * 0.7；</p><p>——如果上述校验都做了，但是没有校验对，请将 经验系数 * 0.9；你需要多练习，仔细认真的。</p><p><br /></p><p><span style="font-size:18px;"><strong>| 可靠</strong></span><br /></p><p><br /></p><p>大多数面试者都止步于前两关，鲜有进入第三关的：可靠。</p><p><br /></p><p>javascript没有强数据类型，函数的返回值也无法强制返回的数据格式。但是作为“可靠”的要求，尽可能在任何情况下，都返回一个可靠的结果，哪怕是异常情况下。是的，这一步很简单，几乎不耗费几个字节的代码，但是会让 fn 的返回值变得可靠：</p><img class="img_loading" style="vertical-align:middle;visibility:visible !important;" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwGI0sicok3FZrdyLesasKib50fHmmIxmzPF0ouK18hiamiaLbIRXO8gpiaXLg/640?wx_fmt=png" alt="640?wx_fmt=png" /><p>如果你留意到并处理可靠返回值的问题，那请将经验系数 * 1.2；</p><p><br /></p><p>另外，一个牵涉的话题就是：异常情况下，是否要抛出 Error，或 console.error ？</p><p><br /></p><p>关于这个话题，似乎没有定论，需要自己衡量。我的观点是：如果异常情况下不会造成太大影响的话（包括定位错误），就不用抛错或提示。但同样的，这个衡量仍然是经验性的。此处不再展开讨论。</p><p><br /></p><p><span style="font-size:18px;"><strong>| 宽容</strong></span><br /></p><p><br /></p><p>如果在你的日常开发中注意“可用”、“健壮”、“可靠”原则的话，你的工作经验就会大于你的工作时间，也就会更容易受到重视，自己所挖的坑就会少。而我近期面试的人中，甚至包括5、6年工作时间的，几乎都止步于此。</p><p><br /></p><p>如果你要想成为一个受欢迎的技术人员，“宽容”是第一步： 对需求宽容、对用户宽容、对调用者宽容、对维护者宽容。</p><p><br /></p><p>回到代码:</p><p>——如果 n 是一个字符串数字，是否可以允许进入处理流程？ 如果是，请将经验系数 * 1.1；</p><p>——如果 n 是一个含有小数的数字，比如 3.000001，是否允许进入处理流程？如果是，请将经验系数 * 1.1；</p><p>——你的代码中，是否有足够多且清晰的注释？ 如果是，请将经验系数 * 1.2；</p><p>——如果需求调整了 [2, 32] 的范围，你的代码是否可以快速调整，甚至不用调整？ 如果是，请将经验系数 * 1.2；</p><p><br />一个参考的半伪代码是：</p><img class="img_loading" style="vertical-align:middle;visibility:visible !important;" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwGoX9EpaIGceMAuHrOobm94iawtgt33t1pN0mCbKVwQr1zuNjbviaBxqdQ/640?wx_fmt=png" alt="640?wx_fmt=png" /><p><br /></p><p><span style="font-size:18px;"><strong>| 精益求精</strong></span><br /></p><p><br /></p><p>恭喜你完成了前四关！</p><p><br /></p><p>如果你在实际开发中，时时刻刻留意这些原则，这足够让你的工作经验扩大化，并给你带来更多的认可，这些认可来自于需求方（或许是那个曾经非常蛮横的产品狗）、用户以及你的同事。但不应该包括你自己，你还需要更进一步。</p><p><br /></p><p>宽容是宽以待人，精益求精是严以律己。内外兼修才是高手。<span style="letter-spacing:0px;">当你将这五个原则（可用、健壮、可靠、宽容、精益求精）变成你自己的开发习惯，你的工作经验就跟你的工作时间没有关系了。</span></p><p><br /></p><img style="vertical-align:middle;" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwGqtCl0vlP6I4V9xch15cOr1TFsN6mG77H9dFA8ibmCLsWHZh5WdXjdWw/0?wx_fmt=png" alt="0?wx_fmt=png" /><p>看到这里，不知道你的前端经验系数是多少，有没有达到自己的心理预期了呢？<br /></p><p><br /></p><p>如果离自己的预期还差那么一点，那不妨关注一下网易出品的「前端开发工程师直播：前端开发工程师成长之路」</p><p><br /></p><p><strong>直播主题：</strong>前端开发工程师成长之路</p><p><strong><br /></strong></p><img class="img_loading" style="opacity:0;visibility:visible !important;" width="100%" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwGvIqkYZwLIbxfpuINKEJmRUgJDaQia9Whswzc0Nzt2ibnk1kRTwV6tRUg/640?wx_fmt=png" alt="640?wx_fmt=png" /><p>包勇明</p><p>网易资深前端工程师</p><p><strong><br /></strong></p><p><strong>直播时间：</strong>12月20日 20:00</p><p><br /></p><p><strong>你将听到：</strong></p><p><strong><br /></strong></p><ul class="list-paddingleft-2"><li><p>学习前端到底要学些什么？</p></li><li><p>初级前端突破瓶颈实现进阶，有什么诀窍法门？</p></li></ul><p><br /></p><p><strong style="color:rgb(62,62,62);">想要参与免费直播的同学，欢迎扫码添加直播助手小姐姐，加入网易前端开发学习群。</strong><br /></p><p><br /></p><img class="img_loading" style="vertical-align:middle;visibility:visible !important;" width="536" src="http://ss.csdn.net/p?https://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwGjoTiamTMHlfWUYGYcZHtp8K2iaHeem1L7Sq6iaQQUfImicS9LkiaAgpGB7A/?wx_fmt=png" alt="?wx_fmt=png" /><p><br /></p><p>除了免费直播外，进入QQ群后后还可领取一份弹窗效果的项目源码~</p><img class="img_loading" style="vertical-align:middle;visibility:visible !important;" src="http://ss.csdn.net/p?http://mmbiz.qpic.cn/mmbiz_png/4MXV7svuTWKX2icJ440ouLJX0p4hnzjwG82yErNpY9g0yHf9Svml3icgJWIUSY1RLAfIsLxInzicSQjjOXHc95Tsw/640?wx_fmt=png" alt="640?wx_fmt=png" /><p><span style="color:rgb(62,62,62);font-size:15px;background-color:rgb(255,255,255);">为了保证学习体验，本次“网易前端学习群"限时开放500个名额，数量有限，欲报从速哦~</span></p><p><br /></p><span style="border-bottom:1px solid rgb(0,0,0);display:inline-block;"></span><p style="margin-bottom:5px;min-height:1em;"><span style="color:rgb(0,0,0);"><strong><span style="font-size:14px;">关注我们</span></strong></span></p><p style="margin-right:16px;margin-bottom:15px;margin-left:16px;min-height:1em;color:rgb(62,62,62);font-size:16px;white-space:normal;letter-spacing:3px;line-height:2em;text-align:center;background-color:rgb(255,255,255);"><img class="img_loading" style="visibility:visible !important;" src="http://ss.csdn.net/p?https://mmbiz.qpic.cn/mmbiz_jpg/eXCSRjyNYcZKBibutcxEAbFEsAqpzGRRgvpCZUQ8iaN0q42rKVxiapXVDDia5V2MiaxVibHFAqUq2A7ENmhE1xxlJqUw/640?wx_fmt=jpeg" alt="640?wx_fmt=jpeg" /></p>
                </div>
                      </div>
    </article>
      <div class="readall_box csdn-tracking-statistics tracking-click" data-mod="popu_376">
          <div class="read_more_mask"></div>
          <a class="btn btn-large btn-gray-fred read_more_btn" target="_self">阅读全文</a>
      </div>
      <div class="article_copyright">
              </div>
      <ul class="article_collect clearfix csdn-tracking-statistics tracking-click"  data-mod="popu_378">
          <li class="tit">本文已收录于以下专栏：</li>
<!--          [startarticlecolumns]-->
                                <!--          [endarticlecolumns]-->
      </ul>
      <div class="comment_box clearfix">
          <div id="comment_form">
              <div id="commentsbmitarear">
                              </div>
          </div>
      </div>
      <div class="comment_li_outbox">
          <div id="comment_list"></div>
      </div>

      <div class="more_comment">
          <div id="comment_bar" class="trackgin-ad" data-mod="popu_385"></div>
      </div>

      <h3 class="recommend_tit" id="related">相关文章推荐</h3>
      <div class="recommend_list clearfix" id="rasss">
                                                                                      <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/hanmou7/article/details/73648827"  target="_blank" strategy="BlogCommendFromCsdn_0">为什么市场已经接近饱和培训机构还在不停地向外输送培训前端</a></h2>
                          <div class="summary">
                              最近给朋友打电话发现自己的表达能有问题，我说话总是词不达意，一个故事讲不清楚，明明自己深受鼓舞的故事，说给别人时却是一头雾水。一直以来总是逃避自己的缺陷，应该是思维逻辑不清的问题。
回到正题，今天接触...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/hanmou7" target="_blank" strategy="BlogCommendFromCsdn_0"><img src="http://avatar.csdn.net/D/2/C/3_hanmou7.jpg" alt="hanmou7" title="hanmou7"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/hanmou7">hanmou7</a></li>
                              <li class="time">2017年06月23日 15:44</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>214</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                                                    <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/lixwjava/article/details/51813032"  target="_blank" strategy="BlogCommendFromCsdn_1">线程池工作队列饱和策略</a></h2>
                          <div class="summary">
                              近段时间在看《Java并发编程实战》，第一遍每天看一章也没敲代码，并没吸收多少。看第二遍的时候压下速度，并敲代码，感觉理解深刻好多，废话止于此。


Java线程池会将提交的任务先置于工作队列中...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/lixwjava" target="_blank" strategy="BlogCommendFromCsdn_1"><img src="http://avatar.csdn.net/B/D/3/3_lixwjava.jpg" alt="lixwjava" title="lixwjava"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/lixwjava">lixwjava</a></li>
                              <li class="time">2016年07月03日 00:13</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>3303</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                                      <script>
                      (function() {
                          var s = "_" + Math.random().toString(36).slice(2);
                          document.write('<div id="' + s + '"></div>');
                          (window.slotbydup=window.slotbydup || []).push({
                              id: '4765209',
                              container: s,
                              size: '808,120',
                              display: 'inlay-fix'
                          });
                      })();
                  </script>
                                                                <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/u010321471/article/details/78546494"  target="_blank" strategy="BlogCommendFromCsdn_2">2017年，前端开发市场饱和了么</a></h2>
                          <div class="summary">
                              前言本文来自极客教程投稿，极客教程博客地址： 
http://www.jianshu.com/u/5c13b327009c感觉现在新手很难找到了工作，感觉没有机会，公司动不动就要求3到5年或者2年工作...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/u010321471" target="_blank" strategy="BlogCommendFromCsdn_2"><img src="http://avatar.csdn.net/B/5/1/3_u010321471.jpg" alt="u010321471" title="u010321471"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/u010321471">u010321471</a></li>
                              <li class="time">2017年11月16日 00:11</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>1189</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                                                    <dl class="clearfix csdn-tracking-statistics downloadElement" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dt><a href="http://download.csdn.net/download/cc2qz/1422028" target="_blank" strategy="BlogCommendFromCsdn_3"><img class="maxwidth" src="http://csdnimg.cn/release/download/old_static/images/minetype/doc.svg" alt="" title=""></a></dt>
                      <dd>
                          <div class="summary">
                              <h2><a href="http://download.csdn.net/download/cc2qz/1422028" target="_blank" strategy="BlogCommendFromCsdn_3">涡流探伤的磁饱和工作原理</a></h2>
                              <div class="summary">
                                  <ul>
                                      <li class="time">2009年06月19日 17:24</li>
                                      <li class="visited_num fileSize">12KB</li>
                                      <li class="download_btn"><a href="http://download.csdn.net/download/cc2qz/1422028" target="_blank">下载</a></li>
                                  </ul>
                              </div>
                          </div>
                      </dd>
                  </dl>
                                                                                                    <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/CSDN_JZ_/article/details/78440835"  target="_blank" strategy="BlogCommendFromCsdn_4">三极管开关电路工作原理解析及三极管的放大区、饱和区、截止区</a></h2>
                          <div class="summary">
                              图一所示是NPN三极管的 共射极电路，图二所示是它的特性曲线图，图中它有3 种工作区域：截止区(Cutoff Region)、线性区 (Active Region) 、饱和区(Saturation R...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/CSDN_JZ_" target="_blank" strategy="BlogCommendFromCsdn_4"><img src="http://avatar.csdn.net/D/A/4/3_csdn_jz_.jpg" alt="CSDN_JZ_" title="CSDN_JZ_"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/CSDN_JZ_">CSDN_JZ_</a></li>
                              <li class="time">2017年11月04日 00:08</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>119</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                        <!-- 广告位：PC端-博客详情通栏7（feed流）-808*120 -->
                  <script>
                      (function() {
                          var s = "_" + Math.random().toString(36).slice(2);
                          document.write('<div id="' + s + '"></div>');
                          (window.slotbydup=window.slotbydup || []).push({
                              id: '4983339',
                              container: s,
                              size: '808,120',
                              display: 'inlay-fix'
                          });
                      })();
                  </script>
                                                                              <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/galen_wang/article/details/7867206"  target="_blank" strategy="BlogCommendFromCsdn_5">在美国，有梦想的年轻人爱去的四个地方是：纽约、华盛顿、洛杉矶和硅谷。如今前三个都已经饱和了——彼得-泰尔（Peter Thiel）访谈</a></h2>
                          <div class="summary">
                              原文地址 ：http://laoyaoba.com/ss6/html/77/n-336477.html
 
腾讯科技讯（琴岛）北京时间7月22日消息，据国外媒体报道，作为硅谷亿万富翁之一，彼得-泰...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/galen_wang" target="_blank" strategy="BlogCommendFromCsdn_5"><img src="http://avatar.csdn.net/F/6/E/3_galen_wang.jpg" alt="galen_wang" title="galen_wang"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/galen_wang">galen_wang</a></li>
                              <li class="time">2012年08月14日 23:45</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>11784</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                                                    <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/uairain/article/details/73467692"  target="_blank" strategy="BlogCommendFromCsdn_6">为什么网页的维护工作会变得越来越难？</a></h2>
                          <div class="summary">
                              为什么网页的维护工作会变得越来越难？主要来自三个层面：
浏览器层面
技术层面
团队合作层面
浏览器层面浏览器的向前兼容使得前端开发中被淘汰的技术，不推荐的方法依然广为流传和应用，而新一轮的浏览器大战却...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/uairain" target="_blank" strategy="BlogCommendFromCsdn_6"><img src="http://avatar.csdn.net/F/3/1/3_uairain.jpg" alt="uairain" title="uairain"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/uairain">uairain</a></li>
                              <li class="time">2017年06月19日 15:03</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>107</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                                                    <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/testcs_dn/article/details/52318822"  target="_blank" strategy="BlogCommendFromCsdn_7">【Android 开发入门】我为什么要在Android找工作越来越难的时候开始学习它</a></h2>
                          <div class="summary">
                              首先，Android是不是真的找工作越来越难呢？这个可能是大家最关心的。这个受大的经济环境以及行业发展前景的影响，同时也和个人因素有关。2016-08-26近期一方面是所在的公司招聘Java开发人员很...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/testcs_dn" target="_blank" strategy="BlogCommendFromCsdn_7"><img src="http://avatar.csdn.net/D/1/B/3_testcs_dn.jpg" alt="testcs_dn" title="testcs_dn"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/testcs_dn">testcs_dn</a></li>
                              <li class="time">2016年08月26日 08:30</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>4027</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                                                    <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/mingxia_Z/article/details/54693045"  target="_blank" strategy="BlogCommendFromCsdn_8">接触javascript很久了，每次理解闭包都似是而非，最近在找Web前端的工作，所以需要把基础夯实一下。 本文是参照了joy_lee的博客 闭包 在她这篇博客的基础上以批注的形式力争把我的理解阐述出</a></h2>
                          <div class="summary">
                              接触javascript很久了，每次理解闭包都似是而非，最近在找Web前端的工作，所以需要把基础夯实一下。

本文是参照了joy_lee的博客 闭包 在她这篇博客的基础上以批注的形式力争把我的理解...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/mingxia_Z" target="_blank" strategy="BlogCommendFromCsdn_8"><img src="http://avatar.csdn.net/8/1/9/3_mingxia_z.jpg" alt="mingxia_Z" title="mingxia_Z"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/mingxia_Z">mingxia_Z</a></li>
                              <li class="time">2017年01月23日 13:46</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>297</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                                                                    <dl class="clearfix csdn-tracking-statistics" data-mod="popu_387" data-poputype="feed"  data-feed-show="false"  data-dsm="post">
                      <dd>
                          <h2><a href="http://blog.csdn.net/u014755847/article/details/54882529"  target="_blank" strategy="BlogCommendFromCsdn_9">听说你要找前端工作，写一个酷炫的动画的简历呗</a></h2>
                          <div class="summary">
                              ###DEMO
###源码
gihub 求star 求fork  DEMO 预加载需要改一下，因为我放在服务器上的 所以是http请求  但是 在本地  就成了 file 请求  所以 各位自己改一下...                          </div>
                          <ul>
                              <li class="avatar_img"><a href="http://blog.csdn.net/u014755847" target="_blank" strategy="BlogCommendFromCsdn_9"><img src="http://avatar.csdn.net/D/3/8/3_u014755847.jpg" alt="u014755847" title="u014755847"></a></li>
                              <li class="user_name"><a href="http://blog.csdn.net/u014755847">u014755847</a></li>
                              <li class="time">2017年02月05日 18:43</li>
                              <li class="visited_num"><i class="icon iconfont icon-read"></i><span>348</span></li>
                          </ul>
                      </dd>
                  </dl>
                                                    </div>
  </main>
<aside>
  <div class="right_box user_info">
      <dl class="inf_bar clearfix">
          <dt class="csdn-tracking-statistics tracking-click" data-mod="popu_381">
              <a href="http://blog.csdn.net/snshl9db69ccu1aikl9r" target="_blank">
                  <img src="http://avatar.csdn.net/4/4/7/3_snshl9db69ccu1aikl9r.jpg" class="avatar_pic">
              </a>
              <span class="medals" title="">
                  </span>
          </dt>
          <dd>
              <h3 class="csdn-tracking-statistics tracking-click"  data-mod="popu_380"><a href="http://blog.csdn.net/snshl9db69ccu1aikl9r" target="_blank" id="uid">snshl9db69ccu1aikl9r</a></h3>
              <span  class="csdn-tracking-statistics tracking-click" data-mod="popu_379"><a class="btn btn-redborder-small "  id="span_add_follow" target="_self">＋关注</a></span>
          </dd>
      </dl>
      <div class="inf_number_box clearfix">
          <dl>
              <dt>原创</dt>
              <dd>47</dd>
          </dl>
          <dl>
              <dt>粉丝</dt>
              <dd id='fan'>15</dd>
          </dl>
          <dl>
              <dt>喜欢</dt>
              <dd>1</dd>
          </dl>
          <dl>
        <dt>码云</dt>
        <dd>&nbsp;</dd>
      </dl>

      </div>
  <div class="writings">
        <div class="public_signal clearfix">
          <h3>他的最新文章</h3>
          <a href="http://blog.csdn.net/snshl9db69ccu1aikl9r" target="_blank" class="more"><span>更多文章</span></a>
        </div>
          <ul class="inf_list clearfix csdn-tracking-statistics tracking-click" data-mod="popu_382">
                            <li class="clearfix">
                  <a href="http://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/78884870" target="_blank">我为什么建议你发年终奖前跳槽？</a>
              </li>
                            <li class="clearfix">
                  <a href="http://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/78884868" target="_blank">jQuery快速入门基础教程之jQuery操作CSS（五）</a>
              </li>
                            <li class="clearfix">
                  <a href="http://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/78884866" target="_blank">什么是JavaScript闭包？</a>
              </li>
                            <li class="clearfix">
                  <a href="http://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/78877835" target="_blank">我离职了！一位百度前员工的职场感悟与思索</a>
              </li>
                            <li class="clearfix">
                  <a href="http://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/78863277" target="_blank">使用Jest测试原生TypeScript项目</a>
              </li>
                        </ul>
      </div>
  </div>
    <div class="user-hotArticle">
        <h3><a href="#related" >相关推荐</a></h3>
        <ul class="hotArticle-list csdn-tracking-statistics tracking-click" data-mod="popu_563">
<!--           [StartRelatedArticles]-->
                                                <li>
                        <a href="http://blog.csdn.net/hanmou7/article/details/73648827" target="_blank" strategy="BlogRightReleated_0">为什么市场已经接近饱和培训机构还在不停地向外输送培训前端</a>
                                            </li>
                                    <li>
                        <a href="http://blog.csdn.net/lixwjava/article/details/51813032" target="_blank" strategy="BlogRightReleated_1">线程池工作队列饱和策略</a>
                                            </li>
                                    <li>
                        <a href="http://blog.csdn.net/u010321471/article/details/78546494" target="_blank" strategy="BlogRightReleated_2">2017年，前端开发市场饱和了么</a>
                                            </li>
                                    <li>
                        <a href="http://download.csdn.net/download/cc2qz/1422028" target="_blank" strategy="BlogRightReleated_3">涡流探伤的磁饱和工作原理</a>
                                                <div class="read list-left"><i class="icon iconfont icon-read"></i><span>11</span></div>
                                            </li>
                            <!--            [EndRelatedArticles]-->
        </ul>
    </div>
  <div class="extension_other csdn-tracking-statistics tracking-click" data-mod="popu_389">
     <!--u3032528-->
    <div class="flashrecommend">
        <script type="text/javascript" src="http://mpb1.iteye.com/bwocoltlyzdec.js"></script>
    </div>
  </div>

<!--    [StartShowSelfColumn]-->
    <!--    [EndShowSelfColumn]-->
    <div class="fixRight">
        <!-- 广告位：PC端-博客详情右侧视窗2（feed流）-300*300 -->
        <script>
            (function() {
                var s = "_" + Math.random().toString(36).slice(2);
                document.write('<div id="' + s + '"></div>');
                (window.slotbydup=window.slotbydup || []).push({
                    id: '5384130',
                    container: s,
                    size: '300,300',
                    display: 'inlay-fix'
                });
            })();
        </script>
        <div class="extension_other csdn-tracking-statistics tracking-click bottomRcom" data-mod="popu_389" style="position:absolute;z-index:-5;opacity:0;pointer-events:none">
            <!--u3032528-->
            <div class="flashrecommend">
                <!-- 请置于所有广告位代码之前 -->
                <script src="http://dup.baidustatic.com/js/dm.js"></script>

                <!-- 广告位：PC端-博客详情页右侧视窗1（feed流）-300*250 -->
                <script>
                    (function() {
                        var s = "_" + Math.random().toString(36).slice(2);
                        document.write('<div id="' + s + '"></div>');
                        (window.slotbydup=window.slotbydup || []).push({
                            id: '4770930',
                            container: s,
                            size: '300,250',
                            display: 'inlay-fix'
                        });
                    })();
                </script>
            </div>
        </div>

    </div>
    <div class="user-hotArticle">
        <h3>他的热门文章</h3>
        <ul class="hotArticle-list csdn-tracking-statistics tracking-click" data-mod="popu_521">
<!--            [StartHotArticles]-->
                                                <li>
                        <a href="http://blog.csdn.net/snshl9db69ccu1aikl9r/article/details/78832624">腾讯首席工程师：程序员成长之道</a>
                        <div class="read list-left"><i class="icon iconfont icon-read"></i><span>1424</span></div>
                    </li>
                                    <li>
                        <a href="http://blog.csdn.net/snshl9db69ccu1aikl9r/article/details/78499152">原来天猫双11不止可以买买买，还可以这样玩玩玩！</a>
                        <div class="read list-left"><i class="icon iconfont icon-read"></i><span>1047</span></div>
                    </li>
                                    <li>
                        <a href="http://blog.csdn.net/snshl9db69ccu1aikl9r/article/details/78423966">蚂蚁借呗不还钱会怎样？马云：那你就试试啊 太可怕了</a>
                        <div class="read list-left"><i class="icon iconfont icon-read"></i><span>1038</span></div>
                    </li>
                                    <li>
                        <a href="http://blog.csdn.net/snshl9db69ccu1aikl9r/article/details/78519783">华为阿里员工下班时间大曝光，看完你就知道差距在哪里了!</a>
                        <div class="read list-left"><i class="icon iconfont icon-read"></i><span>846</span></div>
                    </li>
                                    <li>
                        <a href="http://blog.csdn.net/snshl9db69ccu1aikl9r/article/details/78283626">气派！刘强东晒新京东总部：四组十栋巨型大楼！可容纳超五万人</a>
                        <div class="read list-left"><i class="icon iconfont icon-read"></i><span>456</span></div>
                    </li>
                            <!--            [EndHotArticles]-->
        </ul>
    </div>
<!--    [startcustom]-->
    <!--    [endcustom]-->
</aside></div>

<div class="left_fixed">
    <div class="left_show_button">
        <span>
          <i class="icon iconfont icon-youjiantou"></i>
        </span>
    </div>
    <ul class="left_menu">
        <li>
            <button class="left-fixed-btn btn-like csdn-tracking-statistics tracking-click" data-mod="popu_373" target="_self">
                <a href="javascript:void(0);" class="iconbox border_red"><i class="icon iconfont icon-dianzan"></i></a>
                <a class="txt" href="javascript:void(0);">0</a>
            </button>
        </li>
        <li id="blog_artical_directory">
            <button class="left-fixed-btn left_menu_btn csdn-tracking-statistics tracking-click" data-mod="popu_372" target="_self">
                <a href="javascript:void(0);" class="iconbox border_black"><i class="icon iconfont icon-mulu"></i></a>
            </button>
        </li>
        <li class="menu_con">
            <div class="list_father">
                <div class="arr_box">
                    <button class="btn-noborder arr-btn scroll-down  left_scroll_down"><i class="icon iconfont icon-xiajiantou"></i></button>
                    <button class="btn-noborder arr-btn scroll-up left_scroll_top"><i class="icon iconfont icon-shangjiantou"></i></button>
                </div>
                <div class="arr"></div>
                <div id="csdnBlogDir"></div>
            </div>
        </li>
        <!--        <li>-->
        <!--            <button class="left-fixed-btn btn-like tracking-ad" data-mod="popu_373" target="_self">-->
        <!--                <span class="iconbox border_red"><i class="icon iconfont icon-xihuan-"></i></span>-->
        <!--                <span class="txt">喜欢</span>-->
        <!--                <span class="untxt">取消喜欢</span>-->
        <!--            </button>-->
        <!--        </li>-->
        <li>
            <button class="left-fixed-btn csdn-tracking-statistics tracking-click" data-mod="popu_374"  id="com-quick-collect" target="_self">
                <a href="javascript:void(0);" class="iconbox border_purple"><i class="icon iconfont icon-shoucang"></i></a>
            </button>
        </li>
        <li>
            <button class="left-fixed-btn btn-pinglun csdn-tracking-statistics tracking-click" data-mod="popu_544" >
                <a href="javascript:void(0);" class="iconbox border_purple"><i class="icon iconfont icon-pinglun"></i></a>
            </button>
        </li>
        <li id="share_box">
            <button class="left-fixed-btn  csdn-tracking-statistics tracking-click"  data-mod="popu_375" target="_self">
                <a href="javascript:void(0);" class="iconbox border_orange"><i class="icon iconfont icon-fenxiang"></i></a>
            </button>
            <div class="bdsharebuttonbox csdn-tracking-statistics tracking-click" data-mod="popu_172">
                <div class="outside">
                    <span class="iconbox border_red2"><i class="icon iconfont icon-xinlang"></i></span>
                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"> </a>
                </div>
                <div class="outside">
                    <span class="iconbox border_green"><i class="icon iconfont icon-weixin"></i></span>
                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"> </a>
                </div>
                <div class="outside">
                    <span class="iconbox border_blue"><i class="icon iconfont icon-QQ"></i></span>
                    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"> </a>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="right_fixed">
    <div class="r_ico">
        <i class="icon iconfont icon-jubao"></i>
        <span class="txt" id="reportBtn">内容举报</span>
    </div>
    <div class="returnTop">
        <i class="icon iconfont icon-fanhuidingbu"></i>
        <span>返回顶部</span>
    </div>
</div>
<div id="pop_win"></div>
<div id="popup_mask"></div>
<div class="pop_CA_cover" ></div>
<div class="pop pop_CA" >
    <div class="CA_header">
        收藏助手
        <span class="cancel_icon"  id="fapancle" ></span>
    </div>
    <iframe src="" id="collectIframe" frameborder="0" width="100%" height="360"  scrolling="no" ></iframe>
</div>
<!--举报-->
<div id="report_dialog" style="top: 250px; left: 343.5px;"><div id="panel_report">
    <div class="panel_head">不良信息举报</div>
    <form method="post" id="frmReport" class="panel_body">
        <table border="0" cellpadding="0" cellspacing="4" class="pop_table">
            <tbody><tr><td colspan="2">您举报文章：<a href="http://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/78863274" target="_blank">前端工作越来越难找，是不是已经饱和了？</a></td></tr>
            <tr>
                <th style="width:60px;">举报原因：</th>
                <td id="panel_reporttype">
                    <label><input type="radio" class="report_type" id="report_sex" name="report_type" value="1">色情</label>
                    <label><input type="radio" class="report_type" id="report_Politics" name="report_type" value="2">政治</label>
                    <label><input type="radio" class="report_type" id="report_copy" name="report_type" value="3">抄袭</label>
                    <label><input type="radio" class="report_type" id="report_ad" name="report_type" value="4">广告</label>
                    <label><input type="radio" class="report_type" id="report_want" name="report_type" value="5">招聘</label>
                    <label><input type="radio" class="report_type" id="report_call" name="report_type" value="6">骂人</label>
                    <br>
                    <label><input type="radio" class="report_type" id="report_other" name="report_type" value="7">其他</label>
                    <input type="text" name="report_other_content" id="report_other_content" maxlength="30" style="display: none;">
                </td>
            </tr>
            <tr id="panel_originalurl" style="display: none;">
                <th>原文地址：</th>
                <td>
                    <input id="originalurl" value="http://" name="originalurl" type="text" style="width: 90%;">
                </td>
            </tr>
            <tr>
                <th id="sp_reason">原因补充：</th>
                <td>
                    <textarea id="report_description" style="width: 300px;" rows="3" name="report_description"></textarea>
                    <p id="sp_n" style="color:#999;margin:0px;padding:0px;">(最多只允许输入30个字)</p>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input id="btnSubmitReport" name="submit" type="image" align="middle" class="btn_1" src="http://csdnimg.cn/release/phoenix/images/btn_submit.jpg">
                    <span style="padding-left:20px;"></span>
                    <img id="btnCloseReportDialog" src="http://csdnimg.cn/release/phoenix/images/btn_cancel.jpg" align="middle">
                    <div id="error" style="color: Red">
                    </div>
                </td>
            </tr>
            </tbody></table>
    </form>
</div>
    <script language="javascript" type="text/javascript">
        var isComment=0;
        //显示隐藏地址
        $(function () {
          console.log("version:phoenix");
            if(isComment){
                $("#report_description").attr("disabled",true);
                $("#sp_n").hide();
                $("#sp_reason").html("评论内容：");
            }
            $(".report_type").click(function () {
                $("#panel_originalurl,#report_other_content").hide();
                switch ($(this).val()) {
                    case '3':
                        $("#panel_originalurl").show();
                        $("#originalurl").focus();
                        break;
                    case '7':
                        if(isComment){
                            $("#report_other_content").show().focus();
                        }
                        break;
                }

            });

            $("#frmReport").submit(function () {
                if (!currentUserName) {

                    if (confirm("您的操作必须登录，是否登录？")) {
                        location.href = "http://passport.csdn.net/account/login?from=" + encodeURIComponent(location.href);
                        return false;
                    }
                    return false;
                }

                var reportType = $("input[name=report_type]:checked").val();
                if(!reportType){
                    alert("请选择举报原因！");
                    return false;
                }
                var otherInfo = "";
                switch (reportType) {
                    case '3':
                        otherInfo = $("#originalurl").val();
                        if (otherInfo == ""||otherInfo=="http://") {
                            alert("举报抄袭必须提供原创文章地址！");
                            $("#originalurl").focus();
                            return false;
                        } else if(!checkeURL(otherInfo)) {
                            alert("请输入正确的原创文章地址！");
                            $("#originalurl").focus();
                            return false;
                        }
                        break;
                    case '7':
                        otherInfo = $("#report_other_content").val();
                        if (isComment && !otherInfo) {
                            alert("请填写举报的具体原因！");
                            $("#report_other_content").focus();
                            return false;
                        }
                        if(!isComment){
                            if(!$("#report_description").val()){
                                alert("请填写举报的具体原因！");
                                $("#report_description").focus();
                                return false;
                            }
                        }
                        break;
                }
                if(!isComment){
                    if($("#report_description").val().length>30){
                        alert("举报原因最多只允许输入30个字！");
                        return false;
                    }
                }
	            nowTime = {
		            year: new Date().getFullYear(),
		            month: parseInt(new Date().getMonth())+1,
		            day: new Date().getDate(),
		            hours: parseInt(new Date().getHours())+1,
		            minutes: parseInt(new Date().getMinutes())+1,
		            seconds: parseInt(new Date().getSeconds())+1
	            };
	            var data = {
		            articleId: fileName,
		            commentId: 0,
		            reportType: reportType,
		            originalurl: $("#originalurl").val(),
		            report_other_content: $("#report_other_content").val(),
		            report_description: $("#report_description").val(),
		            currentUserName: currentUserName,
		            updatetime: nowTime.year+'/'+nowTime.month+'/'+nowTime.day+' '+ nowTime.hours+':'+nowTime.minutes+':'+seconds,
		            blogUser: username
	            };
	            if(!isComment){//如果是举报文章
		            data.report_other_content = data.report_description;
		            // data.report_description = "1. 神经网络这是一个常见的神经网络的图：这是一个常见的三层神经网络的基本构成，Layer L1是输入层，Layer L2是隐含层";
	            }

	            $.post(blog_address + "/common/report?id="+fileName+"&t=2", data, function (data) {
		            if (data.result == 1){
			            SetError("感谢您的举报，我们会尽快审核！");
		            }else{
			            if (data.content) alert(data.content);
		            }

	            });
                return false;
            });

            $("#btnCloseReportDialog").click(function () {
                CloseDiv();
            });

        });

        //提示后关闭方法
        function SetError(error) {
            $("#btnCloseReportDialog").trigger("click");
            alert(error);
            CloseDiv();
        }

        //关闭方法
        function CloseDiv() {

            $.removeMask();
            $("#report_dialog").hide();
            return false;
        }

        //验证url
        function checkeURL(url){
            return /^http(s)?:\/\/([\w-]+\.)+[\w-]+/i.test(url);
        }
    </script>
</div>
<!--  fixme 后期清理掉  -->
<div id="a52b5334d" style="width: 1px; height: 1px; display: none;">
    <script id="adJs52b5334"></script>
    <script>document.getElementById("adJs52b5334").src = "http://ads.csdn.net/js/opt/52b5334.js?t=" + Math.random();</script>
</div>
<script src="http://c.csdnimg.cn/public/common/libs/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://csdnimg.cn/release/phoenix/bower-libs/MathJax/MathJax.js?config=TeX-AMS_HTML"></script>
<!-- <script type="text/javascript" src="http://passport.csdn.net/content/loginbox/login.js"></script> -->
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "1", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
<script type="text/javascript" >
    if($(".article_collect li").length==1){$(".article_collect").hide();}
    if($(".article_tags li").length==1){$(".article_tags").hide();}
    $(".edit a").attr("href","http://write.blog.csdn.net/postedit/"+fileName);
    $.each($(".edu_li a"),function(){$(this).attr("href",$(this).attr("href").replace("blog7","blog9"))});
    new CNick('#uid').showNickname();

    if($("#fan").html()=="")
    {
	    $("#fan").html(0);
    }
</script>
<script src="http://c.csdnimg.cn/public/common/append_mark/appendMark.min.js?v=5.00.43" type="text/javascript"></script>
<script type="text/javascript">
    appendMark($('.recommend_list').children('a').find('dt'),$('.extension_other'))
</script>
<div class=""id="loginWrap"></div>
<div class="" id="dlMask"></div>
</body>
